.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
@mixin aa($w,$h){
    width: $w;
    height: $h;
}
.header{
    @include aa(100%,1.2rem);
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #39C893;
    font-size: .2rem;
    .header-Left{
        img{
            @include aa(1.13rem,1.13rem);
        }
         margin-left: .4rem;
    }
    .header-Zhong{
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        margin-left: .28rem;
        p:nth-child(1){
            font-size: .32rem;
            color: #048446;
            margin-bottom: .1rem;
        }
        p:nth-child(2){
           @include aa(4.82rem,.4rem); 
            font-size: .24rem;
            color: white;
            margin-top: .1rem;
            background: #2bb280;
            text-align: center;
            line-height: .4rem;
            border-radius: .4rem;
        }
    }
    .header-Right{
        .close{
            @include aa(.26rem,.26rem);
            margin-bottom: .8rem;
            margin-left: .4rem;
        }

    }
}
.souSuo{
    @include aa(100%,1rem);
    display: flex;
    justify-content: center;
    margin-top: .04rem;
    border-bottom: 0.17rem solid #f4f4f4;
    .suo{
        @include aa(5.28rem,.7rem);
        border: .02rem solid #39C893;
        margin-top: .02rem;
        padding-left: 0.3rem;
        font-size: .28rem;
    }
    .sou{
        @include aa(1.38rem,.76rem);
        background: #39C893;
        font-size: .26rem;
        color: white;
        border: none;
    }
}
.zhuangXiuQian{
    border-bottom: 0.17rem solid #f4f4f4;
    .qq{
        display: flex;
        justify-content: center;
        text-align: center;
        li{
            @include aa(2.4rem,.75rem);
            border-bottom: 2px #f4f4f4 solid;
            line-height:.75rem ;
            a{
//             
                p{
                    font-size: .28rem;
                }
            }
        }
    }
    .ff{
        display: flex;
        justify-content: center;
        text-align: center;
        display: flex;
        
        li{
            @include aa(25%,2.08rem);
            font-size: .58rem;
            color:#39C893 ;
            display: flex;
            align-items: center;
            flex-direction: column;
            a{
                div{
                    margin-top: .36rem;
                    @include aa(1.05rem,1.05rem);
                    border: 4px solid #39C893 ;
                    text-align: center;
                    line-height: 1.05rem;
                    border-radius: 50%;
                    .house  {
                        color:#39C893 ;
                        
                    }
                    .budget{
                        color:#39C893 ;
                    }
                    .taiji{
                        color:#39C893 ;
                    }
                    .pencle{
                        color:#39C893 ;
                    }
                   
                }
                p{
                    font-size: .28rem;
                    margin-top: .32rem;
                }
            }
        }
    }
    .liao{
        @include aa(7.14rem,0.7rem);
        background: white;
        border: 1px solid #39C893;
        border-radius: 0.1rem;
        font-size: .24rem;
        color: #39C893;
        display: block;
        margin-top: .3rem;
        margin-bottom: .3rem;
        margin-left: .17rem;
    }
}
.wei{
    .she{
        @include aa(100%,1rem);
        display: flex;
        .green{
            @include aa(.05rem,.42rem);
            margin-left: .17rem;
            margin-top: .32rem;
            background: #37c993;
        }
        p:nth-child(2){
            margin-left: .12rem;
            margin-top: .35rem;
            font-size: .36rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
    .fang{
        font-size: 0.2rem;
        li{
            @include aa(100%,1.75rem);
            display: flex;
            justify-content: space-around;
            .fangZuo{
                margin-left: .2rem;
                @include aa(1.9rem,1.45rem); 
                img{
                   @include aa(100%,100%);
                }
            }
            .fangYou{
                @include aa(4.88rem,1.44rem);
                display: flex;
                justify-content: space-between;
                flex-direction: column;
                p:nth-child(1){
                    font-size: 0.36rem;
                    margin-left: 0.2rem;
                    width: 4.97rem;
                }
                p:nth-child(2){
//                  margin-left: .18rem;
                    margin-top: .2rem;
                    margin-left: .22rem;
                    font-size: 0.28rem;
                    .time{
                        @include aa(0.3rem,0.3rem); 
                        margin-right: .12rem;
                    }
                    span{
                        font-size: .28rem;
                        color: #999;
                        
                    }
                    .view{
                        margin-right: .12rem;
                        @include aa(0.3rem,0.3rem);
                    }
                }
            }
        }
        .liao2{
            @include aa(7.14rem,0.7rem);
            background: white;
            border: 1px solid #f4f4f4;
            border-radius: 0.1rem;
            font-size: .24rem;
            color: #39C893;
            display: block;
            margin-top: .3rem;
            margin-bottom: .3rem;
            margin-left: .17rem;
            a{
                display: block;
                display: flex;
                justify-content: center;
                align-items: center;
                p{
                    margin-left: -.08rem;
                }
                .change{
                    color: #39C893 !important;
                    font-size: .28rem !important;
                    @include aa(.28rem,.28rem);
                    margin-right: .16rem;
                }  
            }
            
        }
    }
}
.zi{
    border-bottom: .17rem solid #f4f4f4;
    border-top: .17rem solid #f4f4f4;
    @include aa(7.18rem,2rem);
    display: flex;
    padding:.36rem .18rem ;
    font-size: .28rem;
    text-indent: 0.56rem;
    line-height: 0.52rem;
}
.fu{
// @include aa(100%,1.3rem);
   .fuUp{
       @include aa(100%,1.4rem);
       display: flex;
       justify-content: center;
       align-items: center;
       .hot{
          @include aa(.32rem,.32rem); 
       }
       p{
           font-size: .28rem;
       }
   }
   .fuDown{
       display: flex;
       text-align: center;
       li{
          @include aa(25%,.26rem); 
          font-size: .26rem; 
       }
   }
}
.dada{
    @include aa(100%,1.45rem);
    img{
        @include aa(100%,100%);
    }
}
